/**
_________________________________________________________
 **************<可以全局使用的通用className>***************
 ** 命名方式参考tailwindcss
 ** 如有需要增加的className，其命名规范请务必参考tailwindcss
 ** tailwindcss文档：https://tailwindcss.com/docs/
 ________________________________________________________
**/

.ai-dashboard {
  .z-1 {
    z-index: 1;
  }

  .text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .font-weight-bold {
    font-weight: bold;
  }

  .font-weight-500 {
    font-weight: 500;
  }

  .justify-between {
    justify-content: space-between;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-end {
    align-items: flex-end;
  }

  .flex {
    display: flex;
  }

  .inline-flex {
    display: inline-flex;
  }

  .items-center {
    align-items: center;
  }

  .justify-center {
    justify-content: center;
  }

  .flex-col {
    display: flex;
    flex-direction: column;
  }

  .flex-end {
    justify-content: flex-end;
  }

  .flex-1 {
    flex: 1;
  }

  .gap-4 {
    gap: 4px;
  }

  .gap-5 {
    gap: 5px;
  }

  .gap-6 {
    gap: 6px;
  }

  .gap-10 {
    gap: 10px;
  }

  .gap-12 {
    gap: 12px;
  }

  .gap-16 {
    gap: 16px;
  }

  .gap-24 {
    gap: 24px;
  }

  .gap-32 {
    gap: 32px;
  }

  .grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .relative {
    position: relative;
  }

  .absolute {
    position: absolute;
  }

  .w-full {
    width: 100%;
  }

  .h-full {
    height: 100%;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .p-0 {
    padding: 0;
  }

  .p-12 {
    padding: 12px;
  }

  .p-18 {
    padding: 18px;
  }

  .p-24 {
    padding: 24px;
  }

  .p-64 {
    padding: 64px;
  }

  .pt-1 {
    padding-top: 1px;
  }

  .pt-8 {
    padding-top: 8px;
  }

  .pt-12 {
    padding-top: 12px;
  }

  .pt-32 {
    padding-top: 32px;
  }

  .pt-48 {
    padding-top: 48px;
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-8 {
    padding-bottom: 8px;
  }

  .pb-1 {
    padding-bottom: 1px;
  }

  .pb-24 {
    padding-bottom: 24px;
  }

  .pr-4 {
    padding-right: 4px;
  }

  .py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .pl-6 {
    padding-left: 6px;
  }

  .pl-12 {
    padding-left: 12px;
  }

  .pl-16 {
    padding-left: 16px;
  }

  .pl-32 {
    padding-left: 32px;
  }

  .px-32 {
    padding-right: 32px;
    padding-left: 32px;
  }

  .px-16 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .m-0 {
    margin: 0;
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-6 {
    margin-bottom: 6px;
  }

  .mb-10 {
    margin-bottom: 10px;
  }

  .mb-12 {
    margin-bottom: 12px;
  }

  .mb-16 {
    margin-bottom: 16px;
  }

  .mb-24 {
    margin-bottom: 24px;
  }

  .mt-6 {
    margin-top: 6px;
  }

  .mt-12 {
    margin-top: 12px;
  }

  .mt-14 {
    margin-top: 14px;
  }

  .mt-16 {
    margin-top: 16px;
  }

  .mt-24 {
    margin-top: 24px;
  }

  .mt-32 {
    margin-top: 32px;
  }

  .ml-24 {
    margin-left: 24px;
  }

  .my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .my-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .mx-24 {
    margin-right: 24px;
    margin-left: 24px;
  }

  .mr-4 {
    margin-right: 4px;
  }

  .mr-6 {
    margin-right: 6px;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .select-none {
    user-select: none;
  }

  .text-gray-400 {
    color: #748194;
  }

  .text-gray-500 {
    color: #475669;
  }

  .color-primary {
    color: @primary-color;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .card-title-primary {
    color: @primary-color;
    font-weight: bold;
  }

  .card-subtitle {
    color: @menu-font-color;
    font-weight: bold;
    font-size: 14px;
  }

  @media (max-width: 1200px) {
    .lg-hidden {
      display: none;
    }
  }

  .white-space-nowarp {
    white-space: nowrap;
  }

  .text-center {
    text-align: center;
  }

  .text-12 {
    font-size: 12px;
  }

  .text-sm {
    font-size: 14px;
  }

  .text-base {
    font-size: 16px;
  }

  .text-lg {
    font-size: 18px;
  }

  .text-xl {
    font-size: 21px;
  }

  .text-white {
    color: #fff;
  }

  .text-primary {
    color: #1890ff;
  }

  .transition-all {
    transition: all 0.3s;
  }

  .radius-3 {
    border-radius: 3px;
  }

  .top-0 {
    top: 0;
  }

  .left-0 {
    left: 0;
  }

  .hover-underline {
    &:hover {
      text-decoration: underline;
      cursor: default;
    }
  }
}